.biaoge-body {
    display: flex;
    width: 100vw;
    flex-direction: column;
    margin: auto;
    margin-top: 120vh;
}

.biaoge-container {
    width: 100vw;
    margin: auto;
    
}

.biaoge-shuxing {
    display: flex; 
    flex-wrap: nowrap;
    width: 100%;
    height: 10vh;
    justify-content: space-around;
    text-align: left;
    
}

.bianhao, .biaoti, .zuozhe, .shijian {
    background-color: rgb(255, 255, 255);
    color: rgb(133, 133, 133);
    
}

.biaoge {
    display: flex;
    flex-direction: row
    
    text-align: center;
    border-top: 1px solid black;
    margin:auto;
    
}

.biaoge:hover{
    height: 25vh;
}
.biaoge > div {
    flex: 1;
    padding: 20px;
    font-size: 20px;
}

.NO, .TITLE, .AUTHOR, .TIME {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    text-align: center;
    
}

.biaoge .summary {
    display: none;
    font-size: 16px;
    color: gray;
    
}

.biaoge:hover .title p{
    font-size: 40px;
    
}
.biaoge:hover .AUTHOR {
    display: none;
}

.biaoge:hover .summary {
    display: block;
    
}